<!DOCTYPE html>
<html>
<html manifest="manifest.mf">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; 
        maximum-scale=1.0; user-scalable=0;"/>
    <meta name="apple-touch-fullscreen" content="YES" />
    <link rel="apple-touch-icon" href='https://terminaison.googlecode.com/svn/trunk/gh-pages/image/keenes.png' />
  <style type="text/css" media="screen">@import "/gh-pages/colorize.css";</style>
  <script type="application/x-javascript" src="/gh-pages/main.js"></script>
    <title>Let's do it offline</title>
</head>
<body>
    <div class="toolbar">
        <h1 id="pageTitle">Going offline</h1>
        <a id="backButton" class="button" href="#"></a>
    </div>
    <ul id="menu" title="Sports" selected="true">
        <li><a href="#gym"><img height="80" width="80" 
src="/images/gym.jpg" align="middle"/>
            <span style="display:inline-block;
 vertical-align:middle">Gymnastics</span></a></li>
        <li><a href="#soccer"><img src='https://terminaison.googlecode.com/svn/trunk/gh-pages/image/keenes.png'
align="middle"/>
        <span style="display:inline-block; 
vertical-align:middle">Soccer</span></a></li>
    </ul>
    <div id="gym" title="Gymnastics" class="panel">
        <img src="https://terminaison.googlecode.com/svn/trunk/gh-pages/image/keenes.png" alt="Boys Gymnastics"/>
    </div> 
    <div id="soccer" title="Soccer" class="panel">
        <img src='https://terminaison.googlecode.com/svn/trunk/gh-pages/image/keenes.png' alt="Boys Soccer"/>
    </div>
</body>
</html>
